/**
 * 不再使用
 * 自定义hooks： useToken，便于再多个组件中获取并更新token 
 * 由于自定义 Hook 中的状态是组件级别的，每个组件调用 useToken 都会创建独立的状态。
 * 因此无法通过这个hook监听token的变化
 * 为了解决这个问题，使用context来监听token变化
 */

// import { useState } from 'react'
// import { getStorageToken, storeStorageToken, removeStorageToken } from '@/utils/token'

// const useToken = () => {
//   const [token, setToken] = useState(getStorageToken())

//   // 存储token
//   const storeToken = (newToken) => {
//     storeStorageToken(newToken || null)
//     setToken(newToken || null)
//   }

//   // 删除token
//   const removeToken = () => {
//     removeStorageToken()
//     setToken(null)
//   }

//   return { token, storeToken, removeToken }
// }

// export default useToken